import React from 'react';
import TabsControl from './/TabsControl';
import LunBo from './/LunBo';
import LoginForm from './/LoginForm';
import RegisterForm from './/RegisterForm';
require("./log.css");

// 登录界面
export default class Login extends React.Component{

    render() {
        return (
            <div className="container">

                {/*头部*/}
                <div className="head">
                    <p className="head_title">
                        <b className="head_bigtitle">职信 </b>
                        <b className="head_smalltitle">人才改变世界</b>
                    </p>
                </div>

                {/*中间登录注册内容，有用到TabControl.js和LoginForm.js和RegisterForm.js和LunBo.js*/}
                <div className="body">
                    <div className="login">
                        <TabsControl>
                            <div name="登录" >
                                <LoginForm />
                            </div>
                            <div name="注册">
                                <RegisterForm />
                            </div>
                        </TabsControl>
                    </div>
                    <div className="lunbo">
                        <LunBo number={4} boxStyle="content" interval={4000}>
                            <li className="boxStyleLi"><img src="../images/login_1.jpg"/></li>
                            <li className="boxStyleLi"><img src="../images/login_2.jpg"/></li>
                            <li className="boxStyleLi"><img src="../images/login_3.jpg"/></li>
                            <li className="boxStyleLi"><img src="../images/login_4.jpg"/></li>
                        </LunBo>
                    </div>
                </div>

                {/*尾部*/}
                <div className="footer">
                    <p className="footer_company">浙ICP备17012840号-1</p>
                </div>
            </div>
        );
    };
}